<template>
  <div class="neLogin">
    <div>
      <my-title></my-title>
      <div class="check">
        <router-link
          to="/login"
          class="check-btn"
          tag="div"
        >
          <span>登录</span></router-link
        >

        <router-link
          class="check-btn"
          to="/reg"
          tag="div"
          ><span>注册</span></router-link
        >
      </div>
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import myTitle from '@/components/title';
export default {
  data() {
    return {};
  },
  components: {
    myTitle,
  },
};
</script>
<style lang="scss">
.neLogin {
  .check {
    display: flex;

    .check-btn {
      flex: 50%;
      text-align: center;
      height: 50px;
      line-height: 50px;
      span {
        display: inline-block;
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        color: #b4b4b4;
      }
    }
    .router-link-active {
      span {
        border-bottom: 2px solid #ffb000;
        color: #4c4c4c;
      }
    }
  }
}
</style>
